<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>mobilebg</title>
		<style>
			#showMobilePreview {
			    z-index: 9999;
			    width: 291px;
			    height: auto;
				min-height: calc(100% - 92px);
			    position: absolute;
			    left: 50%;
			    top: 50%;
			    transform: translate(-50%, -300px);
			    opacity: 1;
			    text-align: center;
			}
			
			.mobile_preview_header {
			    display: block;
			    position: absolute;
			    top: 0;
			    left: 0;
			    height: 40px;
			    width: 287px;
			    background: #eeeff2;
			    text-align: center;
			    line-height: 40px;
			    border-top-right-radius: 50px;
			    border-top-left-radius: 50px;
			}
			
			.mobile_preview_header_icon {
			    display: inline-block;
			    width: 65px;
			    height: 10px;
			    background: #c8c9cc;
			    border-radius: 9px;
			    vertical-align: middle;
			    margin-top: 18px;
			}
			
			.mobile_preview_frame {
			    width: 275px;
			    /* min-height: 294px; */
			    height: auto;
			    min-height: calc(100vh - 184px);
			    top: 40px;
			    left: 0;
			    border: 6px solid #eeeff2;
			    position: relative;
			    background-color: #fff;
			    display: block;
			}
			
			#YuFrameMobilePreview {
			    border: none;
			    width: 275px;
			    height: 100%;
			}
			
			.mobile_preview_footer {
			    display: block;
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    height: 52px;
			    width: 287px;
			    background: #eeeff2;
			    text-align: center;
			    line-height: 45px;
			    border-bottom-right-radius: 50px;
			    border-bottom-left-radius: 50px;
			}
			
			.mobile_preview_footer_icon {
			    display: inline-block;
			    width: 43px;
			    height: 43px;
			    background: #c8c9cc;
			    border-radius: 50%;
			    vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div id="showMobilePreview">
			<div class="mobile_preview_header"><i class="mobile_preview_header_icon"></i></div>
			<div class="mobile_preview_frame">
				<!-- <iframe id="YuFrameMobilePreview" name="YuFrameMobilePreview" src="https://m.baidu.com/"></iframe> -->
			</div>
			<div class="mobile_preview_footer"><i class="mobile_preview_footer_icon"></i></div>
		</div>
	</body>
</html>
